<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <link rel="shortcut icon" href="images/logo W.jpg" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Work to Worker</title>
        <style>
            a:link {text-decoration:none;}
            #menudiv2:hover{background-color: #FF6600;color: #1A3665}
        </style>
        <style type="text/css">
            @font-face {
                font-family: "jokerman";
                src: url('font/VIVALDII.TTF') format("truetype");
            }  
            @media screen and (-webkit-min-device-pixel-ratio:0)
            { 
                #fix1 { margin-top: -10px } 
                #fix2 { margin-top: 15px }
                #detail{margin-top: 20px}
                #ns{margin-top: 1px}
            }
            @-moz-document url-prefix()
            {
                #fix1 { margin-top: -30px }
            #detail{margin-top: 20px}
            #fullname{margin-top: 15px}
            }
        </style>
        <script type="text/javascript">
            function enableDisable(bEnable, textBoxID)
            {
                if (bEnable == "true")
                {
                    document.getElementById(textBoxID).disabled = true
                }
                else if (bEnable == "false")
                {
                    document.getElementById(textBoxID).disabled = false
                }
            }
        </script>

    </h:head>
    <h:body style="background-color:  #1A3665">
        <f:view locale="#{languageBean.locale}">
            <div style="width: 1000px;margin: auto;margin-top: 20px;background-color: white;border-radius: 10px;-moz-border-radius: 10px">
                <ui:include src="headertemplate.xhtml" />
                <div>
                    <h:form id="form1">
                        <ul style="margin-top: 50px;margin-left: 80px">
                            <li style="list-style: none;width: 670px;vertical-align: top;margin-left: 40px;border: 1px;border-style: double dashed;border-top-right-radius: 10px;-moz-border-top-left-radius: 10px;-moz-border-top-right-radius: 10px;border-top-left-radius: 10px">
                                <ul style="margin-top: 20px;margin-left: 100px">
                                    <li style="display: inline;font-size: 20px;font-weight: bold;color: #FF6600">
                                        Title :
                                    </li>
                                    <li style="display: inline;margin-left: 5px;font-size: 20px;font-weight: bold">
                                        <h:outputText value="#{loadCVByID.cvdetail.cv.title}" style="width: 300px" />
                                    </li>
                                </ul>
                                <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                    <font style="color: #FF6600">Your Information</font>
                                </div>
                                <div id="fix2">
                                    <ul>
                                        <li style="display: inline-block;width: 220px;margin-left: -30px;vertical-align: top;text-align: right;font-weight: bold" id="fullname">
                                            <ul >
                                                <li style= "list-style: none"> <h:outputText value="#{msg['global.Fullname']}" />  </li>
                                            </ul>                                       
                                            <ul id="detail">
                                                <li style="list-style: none"><h:outputText value="#{msg['global.Gender']}" />  </li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none"><h:outputText value="#{msg['global.Birthday']}" /> </li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Identity Card Number : </li>
                                            </ul> 
                                            <ul id="detail">
                                                <li style="list-style: none">Date of Issue : </li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Place of Issue : </li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Address : </li>                                        
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Country : </li>                                        
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Province : </li>                                        
                                            </ul>
                                            <ul id="detail">
                                                <li style="list-style: none">Phone : </li>                                  
                                            </ul>       
                                            <ul id="detail">
                                                <li style="list-style: none">Email : </li>                                        
                                            </ul>

                                        </li>
                                        <li style="display: inline-block;vertical-align: top;margin-left: -15px" id="fullname">
                                            <ul style="margin-top: 2px" >
                                                <li style="display: inline"><h:outputText value="#{loadCVByID.cvdetail.worker.name}" style="width:170px" /></li>
                                            </ul>                                       
                                            <ul id="detail">
                                                <li style="display: inline;">
                                                    <c:if test="#{loadCVByID.cvdetail.worker.gender == true}">
                                                        <h:outputText value="Male"/>
                                                    </c:if>
                                                    <c:if test="#{loadCVByID.cvdetail.worker.gender == false}">
                                                        <h:outputText value="Female"/>
                                                    </c:if>
                                                </li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText value="#{loadCVByID.cvdetail.cv.birthDay}" escape="false"/></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText style="width:170px" value="#{loadCVByID.cvdetail.cv.identityCardNumber}" /></li>                                        
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText style="width:170px" value="#{loadCVByID.cvdetail.cv.dateIssueIdcard}"  escape="false" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline"><h:outputText   value="#{loadCVByID.cvdetail.cv.placeIssueIdcard}" style="width:170px" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"> <h:outputText  value="#{loadCVByID.cvdetail.worker.address}" style="width:170px" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText  value="#{loadCVByID.cvdetail.cv.country}" style="width:170px" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText value="#{loadCVByID.cvdetail.cv.province}" style="width:170px" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"><h:outputText value="#{loadCVByID.cvdetail.worker.phone}" style="width:170px" /></li>
                                            </ul>
                                            <ul id="detail">
                                                <li style="display: inline;"> <h:outputText value="#{loadCVByID.cvdetail.worker.email}" style="width:170px" /> </li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                        <font style="color: #FF6600">Your history</font>
                                    </div>
                                    <div style="font-size: 20px;font-weight: bold;padding : 20px 0px 0px 50px">
                                        <font style="color: #FF6600"> - Education / Training</font>
                                    </div>

                                    <div style="margin-top: 15px">
                                        <ui:repeat value="#{loadCVByID.cvdetail.listEducation}" var="listedu">
                                            <hr style="width: 560px;margin-left: 50px"/>
                                            <ul style="margin-top: 15px">
                                                <li style="display: inline-block;margin-left: -30px;font-weight: bold;vertical-align: top;text-align: right;width: 180px">
                                                    <ul id="nameSchool">
                                                        <li style="list-style: none">Name of school :</li>                                        
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Degree level :</li>                                        
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Field of study :</li>                                        
                                                    </ul> 
                                                    <ul id="detail">
                                                        <li style="list-style: none">From :</li>                                        
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Achievement :</li>                                        
                                                    </ul>
                                                </li>
                                                <li style="display: inline-block;margin-left: -15px">
                                                    <ul >
                                                        <li style="list-style: none;" id="ns"><h:outputText value="#{listedu.nameSchool}" style="width:170px" /></li>
                                                        <li style="list-style: none" id="detail"><h:outputText value="#{listedu.degeeLevel}" style="width:170px" /></li>
                                                        <li style="list-style: none" id="detail"><h:outputText value="#{listedu.fildOfStudy}" style="width:170px" /></li>                                        
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="display: inline"><h:outputText value="#{listedu.fromDate}" escape="false" style="width:100px" /></li>                                               
                                                        <li style="display: inline;font-weight: bold;margin-left: 15px">To :</li>
                                                        <li style="display: inline;margin-left: 15px"><h:outputText value="#{listedu.toDate}" escape="false" style="width:100px" /></li>

                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none;"><h:outputText value="#{listedu.achiement}" escape="false" style="width:170px" /></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </ui:repeat>

                                    </div>
                                    <div style="font-size: 20px;font-weight: bold;padding : 50px 0px 0px 50px">
                                        <font style="color: #FF6600"> - Employment history</font>
                                    </div>

                                    <div style="margin-top: 15px">
                                        <ui:repeat value="#{loadCVByID.cvdetail.listCompany}" var="listcpn">
                                            <hr style="width: 560px;margin-left: 50px"/>
                                            <ul style="margin-top: 15px">
                                                <li style="display: inline-block;margin-left: -30px;text-align: right;width: 180px;font-weight: bold;vertical-align: top">
                                                    <ul>
                                                        <li style="list-style: none">Company :</li>
                                                    </ul>

                                                    <ul id="detail">
                                                        <li style="list-style: none">Category :</li>
                                                    </ul> 
                                                    <ul id="detail">
                                                        <li style="list-style: none">From :</li>
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Job level :</li>
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Main duties :</li>
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none">Reason for leaving :</li>
                                                    </ul>

                                                </li>
                                                <li style="display: inline-block;margin-left: -15px">
                                                    <ul>
                                                        <li style="list-style: none;margin-top: 2px"><h:outputText value="#{listcpn.company}" style="width:170px" /></li>

                                                        <li style="list-style: none;" id="detail"><h:outputText value="#{listcpn.category}" style="width:170px" /></li>
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="display: inline;"><h:outputText value="#{listcpn.fromDate}" escape="false" /></li>
                                                        <li style="display: inline;font-weight: bold;margin-left: 15px">To :</li>
                                                        <li style="display: inline;margin-left: 15px"><h:outputText value="#{listcpn.toDate}" escape="false" /></li>                                                
                                                    </ul>
                                                    <ul id="detail">
                                                        <li style="list-style: none"><h:outputText value="#{listcpn.jobLevel}"  /></li>
                                                        <li style="list-style: none" id="detail"><h:outputText value="#{listcpn.mainDuties}"  escape="false"/></li>
                                                        <li style="list-style: none" id="detail"><h:outputText value="#{listcpn.resonLeaving}"   escape="false" /></li>
                                                    </ul>
                                                </li>                                
                                            </ul>
                                        </ui:repeat>

                                        <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                            <font style="color: #FF6600">Expectation</font>
                                        </div>
                                        <div style="margin-left: 50px">
                                            <ul>
                                                <li style="list-style: none;font-weight: bold;margin-top: 20px;margin-left: 10px">
                                                    Desired Category : 
                                                </li>                                
                                            </ul>
                                            <ul>
                                                <ui:repeat value="#{loadCVByID.cvdetail.category}" var="cates">
                                                    <li style="list-style: none">
                                                        <div style="margin-top: 10px;margin-left: 15px;">
                                                            - <h:outputText value="#{cates.categoryName}" />
                                                        </div>
                                                    </li>
                                                </ui:repeat>

                                            </ul>
                                        </div>
                                        <div style="margin-left: 50px">
                                            <ul>
                                                <li style="list-style: none;font-weight: bold;margin-top: 20px;margin-left: 10px">
                                                    Desired Work Location : 
                                                </li>                                
                                            </ul>
                                            <ul>
                                                <ui:repeat value="#{loadCVByID.cvdetail.location}" var="locales">
                                                    <li style="list-style: none">

                                                        <div style="margin-top: 10px;margin-left: 15px;">
                                                            - <h:outputText value="#{locales.name}" />
                                                        </div>

                                                    </li>  
                                                </ui:repeat>   
                                            </ul>                                                
                                            <ul>
                                                <li style="list-style: none;margin-left: 10px;font-weight: bold;margin-top: 20px">Job Level : </li>
                                                <li style="list-style: none;margin-left: 15px">- <h:outputText value="#{loadCVByID.cvdetail.leveljob.name}" /></li>
                                                <li style="list-style: none;margin-top: 20px;margin-left: 10px;font-weight: bold">Expected Net Monthly Income : </li>
                                                <li style="list-style: none;margin-left: 15px"> 
                                                    <font >
                                                        - <h:outputText value="#{loadCVByID.cvdetail.cv.moneyIncome}" />
                                                    </font>
                                                </li>
                                                <li style="list-style: none;margin-top: 20px;margin-left: 10px;font-weight: bold">Type of job : </li>  
                                                <li style="list-style: none"><font style="margin-left: 15px">
                                                        <c:if test="#{loadCVByID.cvdetail.cv.typeJob==true}">
                                                            - <h:outputText value="Full-Time" />
                                                        </c:if>
                                                        <c:if test="#{loadCVByID.cvdetail.cv.typeJob==false}">
                                                            - <h:outputText value="Part-time / Temporary" />
                                                        </c:if>
                                                    </font>
                                                </li>
                                            </ul>                                           
                                        </div>
                                         
                                        <ul style="margin-top: 20px;margin-left: 50px;border:1px;border-top-style: dotted;width: 520px">
                                            <div style="margin-top: 20px">
                                            </div>
                                        </ul>
                                    </div>
                                    
                                    <h:commandLink action="#{loadCVByID.backAction()}" value="Back" style="font-size: 20px;background-color: #1A3665; margin-left: 45%;border-style: none;font-size: 20px;background-color: #1A3665;color: white;cursor: pointer;padding: 5px 10px 5px 10px; vertical-align: central;"/>                                      
                          
                                    <br/>
                                    <br/>
                                </div>
                            </li>
                        </ul>                        
                    </h:form>
                </div> 
                <br/>
                <br/>
            </div>
            <div style="color: white; height: 100px;border-radius: 10px;-moz-border-radius: 10px;border: 1px;border-style: solid;border-color: white;margin-top: 20px">
                <div style="text-align: right; padding-top: 20px;padding-right: 30px">
                    Copyright © by Group 1
                    <br />
                    Project Name : Work to Worker
                    <br />
                    Member in Group : Mr Bùi Hồng Hải , Mr Nguyễn Văn Cường , Mr Nguyễn Nhất Linh , Mr Lưu Thế Thông , Mr Trần Trung Hiếu
                </div>
            </div>
        </f:view>
    </h:body>
</html>

